//引入iconfont图标链接
	@import '//at.alicdn.com/t/font_3122992_a2kza1z541p.css';

	@font-face {
		font-family: 'webfont';
		font-display: swap;
		src: url('//at.alicdn.com/t/webfont_fps8ks6wa18.eot');
		/* IE9*/
		src: url('//at.alicdn.com/t/webfont_fps8ks6wa18.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('//at.alicdn.com/t/webfont_fps8ks6wa18.woff2') format('woff2'),
			url('//at.alicdn.com/t/webfont_fps8ks6wa18.woff') format('woff'),
			/* chrome、firefox */
			url('//at.alicdn.com/t/webfont_fps8ks6wa18.ttf') format('truetype'),
			/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			url('//at.alicdn.com/t/webfont_fps8ks6wa18.svg#NotoSansHans-Black') format('svg');
		/* iOS 4.1- */
	}

	.web-font {
		font-family: "webfont" !important;
		font-size: 15px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}

	@fullWidth: 100%;
	@fullHeight: 100%;

	.seticonColor(@color) {
		cursor: pointer;

		&:hover {
			color: @color;
			opacity: 0.7;
		}
	}

	.icon {
		&.black {
			.seticonColor(gray);
		}

		&.blue {
			.seticonColor(deepskyblue);
		}
	}

	.flexLayout {
		display: flex;
		flex-direction: row;
	}

	.PositionLayout(@childLayout) {
		position: @childLayout;
	}

	#title{
		width: 1300px;
		margin-left: 7.5%;
		font-weight: 500;
		margin-top: 0%;
		margin-bottom: 6px;
		text-align: left;
		background-color: white;
		.PositionLayout(relative);
	}
	
	#evaluating {
		width: auto;
		height: auto;
		background-color: var(--color-content);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		.PositionLayout(relative);
		
		#evaluating-title{
			width: auto;
			margin-top: 1.5%;
			margin-left: 12%;
			text-align: left;
			.PositionLayout(relative);
			
			#description{
				width: 97.2%;
				height: auto;
				margin-left: -5.1%;
				margin-top: -1.7%;
				font-size: 10px;
				background-color: white;
				.PositionLayout(relative);
				
				.img-show{
					margin-top: 1.8%;
					margin-left: 1.8%;
					border: 1px solid lightgray;
				}
			}
		}
		
		.user-card{
			height:496px;
		}
		
		.firmDescription-two{
			padding-left: 50px;
			
			&.blue{
				color: royalblue;
			}
		}
		
		.firmDescription-five{
			padding-left: 7px;
			
			&.blue{
				color: royalblue;
			}
		}
		
		.firmDescription-four{
			padding-left: 21px;
			
			&.blue{
				color: royalblue;
			}
		}
		
		.firmDescription-three{
			padding-left: 85px;
			margin-top: -4%;
			
			&.blue{
				color: royalblue;
			}
		}
		
		#article{
			width:87.7%;
			margin-left: 11.6%;
			text-align: left;
			height: auto;
			background-color: white;
			.flexLayout;
			.PositionLayout(relative);
		}
		
		#fillContent{
			text-align: left;
			height: auto;
			width: 790px;
			.PositionLayout(relative);
		}
		
		#article-time{
			width: auto;
			justify-content: flex-start;
			display: flex;
			.PositionLayout(relative);
		}
		
	}
	
	#footer {
		width: @fullWidth;
		height: @fullHeight;
		//background-color: black;
		.flexLayout;
		 justify-content: flex-start;
		.PositionLayout(relative);
		
		#footer-header{
			margin-left: 8.5%;
		}
	}